* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color:#000 }

body, ul, li, h5, p {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei",Helvetica;
 }

body, html, .con {
  width: 100%;
  height: 100%;
  position: relative;

}
body{
  background: #f5f5f5;
}
em, i, b, a{
  font-style: normal;
}

li {
  list-style: none;
  display: block;
  font-style: normal;
  a{
  cursor: pointer;
  }

 }

 #course_list{
   width: 1148px;
   margin: 0 auto;
  //  box-shadow: -1px -3px 11px #d9d9d9;
}
 #course_list{
   margin-top:45px;
   .title{
  color: #000;
  margin-top:30px;
  margin-bottom:20px;
  height: 30px;
  line-height: 30px;
 }
}
.course_list_content{
  ul{
    height: 47px;
    line-height: 47px;
    background: #e8e8e8;

    li{
      padding:0 22px;
      height: 28px;
       float: left;
       line-height: 47px;
       a{
         color: #000;
         text-decoration: none;
       }

    }
  }
}
.course_list_content{
  a.hover{
    background: #32ab9e;
    display: inline-block;
    height: 28px;
    color: #fff;
    line-height: 28px;
    padding: 0 4px;
  }
}

.course_list_content_dl{
  margin-top:29px;
}
.course_list_content_dl dl{
  width: 271px;
  height: 404px;
  float: left;
  box-shadow: -1px -3px 11px #d9d9d9;
  border:1px solid #d9d9d9;
  margin:20px 7px;
  img{
    width: 260px;
    height: 280px;
    margin:5px 5px;
  }
}
.home_courser_one{
  height: 32px;
}
#ul{

  a{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 4px;
  }
  a:hover{
    background: #32ab9e;
    color: #fff;

  }

}
